import RotationBar from '@/components/imgTools/component/rotationBar.vue'

export interface ImgToolsType {
    img:string,//图片路径
    maxHeight:string//图片最大高度
    minCropperSize:number//图片最小尺寸
    zoom:number//视口宽度放大缩小的倍数
    opacity:number//遮罩层透明度
    scale:number//裁切时图片缩小的倍数
}

export interface ImgToolsList {
    id:number,
    title:string,
    icon:string
}

export interface CanvasConfigType {
    top:number,
    left:number,
    width:number,
    height:number,
    degree:number,
    baseUrl:string,
    url?:string
}

export interface CropperType {
    width: number,
    height: number,
    left: number,
    top: number,
    imgTop: number,
    imgLeft: number,
    cutLineOpacity: number,//分割线透明度
    isReset: boolean,//是否可以重置
    rotate: number,//旋转的弧度
    bigWidth: number,//旋转后放大的图片宽度
    bigHeight: number,//旋转后放大的图片高度
    scale: number,//旋转后放大的图片倍数
    degree: number,//旋转的角度
}

export type RotationBarType = InstanceType<typeof RotationBar>